import React, { Component } from 'react';
import { Avatar, List, } from 'antd-mobile'
import {RightOutline} from 'antd-mobile-icons'
import '../../styles/Mine.scss'
class Mine extends Component {
    shou(){
        this.props.history.push('/shoucang')
        // console.log(111);
    }
    render() {
        return (
            <div className='mine'>
                <div className="title">

                    <List>
                        <List.Item
                            prefix={<Avatar />}
                            description='已学完51本书'
                        >
                           用户昵称
                        </List.Item>
                    </List>
                </div>
                <div className="item">
                    <div className="one">
                        <span onClick={()=>{this.shou()}}>划线收藏</span>
                        <span><RightOutline /></span>
                    </div>
                </div>
                <div className="item">
                    <div className="one">
                        <span onClick={()=>{this.shou()}}>书单收藏</span>
                        <span><RightOutline /></span>
                    </div>
                </div>
                <div className="item">
                    <div className="one">
                        <span>下载中心</span>
                        <span><RightOutline /></span>
                    </div>
                </div>
                <div className="item">
                    <div className="one">
                        <span>推荐给好友</span>
                        <span><RightOutline /></span>
                    </div>
                </div>
                <div className="item">
                    <div className="one">
                        <span>意见反馈</span>
                        <span><RightOutline /></span>
                    </div>
                </div>
                <div className="item">
                    <div className="one">
                        <span>设置</span>
                        <span><RightOutline /></span>
                    </div>
                </div>
                <div className="item">
                    <div className="one">
                        <span>夜间模式</span>
                        <span><RightOutline /></span>
                    </div>
                </div>
            </div>
        );
    }
}

export default Mine;